<template>
	<view class="community">
		<view class="patientCircle" :style="`width:${isshort==1?'343rpx':'367rpx'}`" @click="topage(1)">
			<view class="community_title">
				病友圈
			</view>
			<view class="community_content">
				病友互助   温暖同行
			</view>
		</view>
		<view class="patientCircle diseaseCommunity" :style="`width:${isshort==1?'343rpx':'367rpx'}`" @click="topage(2)" >
			<view class="community_title" style="color: #0EA3B1;">
				疾病社区
			</view>
			<view class="community_content" style="color: #0EA3B1;" >
				知识科普   答疑解惑
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:['isshort'],
		data() {
			return {
				
			}
		},
		methods: {
			topage(num){
				let url=""
				if(num==1){
					url="/pages/wxcode"
				}else{
					url="/pages/forum/forumhome"
				}
				uni.navigateTo({
					url: url,
				});
				
			}
		}
	}
</script>

<style lang="scss" scoped>
.community{
	display: flex;
	justify-content: space-between;
	margin-top: 16rpx;
	.patientCircle{
		height: 126rpx;
		background-image: url('/static/images/knowledge/drug/patientCircle.png');
		background-size: contain;
		background-repeat: no-repeat;
		padding: 17rpx 0 0 27rpx;
		.community_title{
			line-height: 50rpx;
			font-weight: 800;
			font-size: 36rpx;
			color: #F35D9D;
		}
		.community_content{
			line-height: 40rpx;
			font-weight: 500;
			font-size: 24rpx;
			color: #F35D9D;
		}
	}
	.diseaseCommunity{
		background-image: url('/static/images/knowledge/drug/diseaseCommunity.png');
	}
}
</style>
